<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>7_文本溢出替换为省略号</title>
    <style>
        div{
            background-color: #ff0 ;
            width: 100; /*必须设置所在区域的大小*/
            /*以下三局为祝贺代码，缺一不可*/

            white-space: nowrap; /*不允许换行*/

            overflow: hidden; /*溢出部分隐藏*/
            text-overflow:ellipsis ; /*超出部分用省略号替换*/
        }
    </style>
</head>
<body>
<div>
    <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque debitis est et maiores quam quia recusandae
        tempora! Accusamus autem blanditiis eum molestiae reprehenderit? Accusamus eum facilis minus recusandae. Dicta,
        error?
    </div>

</div>
</body>
</html>